<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"> 
    <title>作业管理系统</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">  
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
​
<table class="table table-striped">
    <caption>作业管理系统</caption>
    <a href="/handin.html">作业提交</a>
    <thead>
        <tr>
            <th>学号</th>
            <th>姓名</th>
            <th>作业</th>
            <th>提交时间</th>
            <th>操作</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Tanmay</td>
            <td>Bangalore</td>
            <td>560001</td>
            <td>date</td>
            <td><button class='btn btn-success' data-toggle="modal" data-target="#score">评分</button>
            <button class='btn btn-info'>在线浏览</button>
            <button class='btn btn-warning' data-toggle="modal" data-target="#change">修改</button>
            <button class='btn btn-danger'>删除</button>
            </td>
            
        </tr>
        
    </tbody>
</table>
​

<!--评分模态框 -->
<div class="modal fade" id="score" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" 
						aria-hidden="true">×
				</button>
				<h4 class="modal-title" id="myModalLabel">
					评分：
				</h4>
			</div>
			<div class="modal-body">
				
<input type="number" placeholder="请输入成绩" class="form-control">


			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" 
						data-dismiss="modal">关闭
				</button>
				<button type="button" class="btn btn-primary">
					确认
				</button>
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<!--修改模态框 -->
<div class="modal fade" id="change" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" 
						aria-hidden="true">×
				</button>
				<h4 class="modal-title" id="myModalLabel">
					修改：
				</h4>
			</div>
			<div class="modal-body">
	<span>学号：</span>			
<input type="text" placeholder="请输入学号" class="form-control">
<span>姓名：</span>
<input type="text" style="margin-top: 10px" placeholder="请输入姓名" class="form-control">


			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" 
						data-dismiss="modal">关闭
				</button>
				<button type="button" class="btn btn-primary">
					确认
				</button>
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal-dialog -->
</div><!-- /.modal -->




</body>
</html>


 